<template>
  <div class="my-dialog">
    <el-dialog title="联系客服" width='45%' :visible.sync="dialogTableVisible" @close='close'>
      <div class="qq-box flex-row align-items-center justify-content-between">
        <div class="flex-row align-items-center justify-content-center">
          <svg
            t="1569483394978"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="2105"
            width="32"
            height="32"
          >
            <path
              fill="#409EFF"
              d="M901.151 791.92c-17.949 2.28-44.444-35.327-65.527-73.789-16.524 49.573-44.445 93.732-80.912 129.915 53.846 13.675 90.883 41.88 90.883 74.359 0 45.584-72.934 82.906-162.678 82.906-72.08 0-133.333-23.932-154.7-57.265-5.983 0-12.251 0.284-18.519 0.284-4.558 0-9.402 0-13.96-0.284-21.083 33.333-81.197 57.265-152.137 57.265-88.319 0-160.114-36.753-160.114-82.906 0-31.624 33.903-58.975 83.476-72.935-37.322-36.182-65.527-80.912-82.051-130.77-20.513 38.177-46.44 75.5-64.103 73.22-27.065-3.703-29.63-50.997-23.932-122.792 5.414-71.51 43.59-141.025 71.51-171.51 15.955-17.379 26.496-83.19 33.049-137.037-0.285-7.692-0.57-14.815-0.57-22.507 0-173.79 138.747-314.53 309.687-314.53s309.686 141.026 309.686 314.53c0 6.553-0.285 13.105-0.57 19.373 6.268 54.131 17.38 122.792 33.619 140.171 28.205 30.485 66.951 99.715 72.364 171.51 5.414 72.08 2.85 119.373-24.501 122.792z"
              p-id="2106"
            />
          </svg>
          <span>QQ1:12345678910</span>
        </div>
        <div class="flex-row align-items-center justify-content-center">
          <svg
            t="1569483394978"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="2105"
            width="32"
            height="32"
          >
            <path
              fill="#409EFF"
              d="M901.151 791.92c-17.949 2.28-44.444-35.327-65.527-73.789-16.524 49.573-44.445 93.732-80.912 129.915 53.846 13.675 90.883 41.88 90.883 74.359 0 45.584-72.934 82.906-162.678 82.906-72.08 0-133.333-23.932-154.7-57.265-5.983 0-12.251 0.284-18.519 0.284-4.558 0-9.402 0-13.96-0.284-21.083 33.333-81.197 57.265-152.137 57.265-88.319 0-160.114-36.753-160.114-82.906 0-31.624 33.903-58.975 83.476-72.935-37.322-36.182-65.527-80.912-82.051-130.77-20.513 38.177-46.44 75.5-64.103 73.22-27.065-3.703-29.63-50.997-23.932-122.792 5.414-71.51 43.59-141.025 71.51-171.51 15.955-17.379 26.496-83.19 33.049-137.037-0.285-7.692-0.57-14.815-0.57-22.507 0-173.79 138.747-314.53 309.687-314.53s309.686 141.026 309.686 314.53c0 6.553-0.285 13.105-0.57 19.373 6.268 54.131 17.38 122.792 33.619 140.171 28.205 30.485 66.951 99.715 72.364 171.51 5.414 72.08 2.85 119.373-24.501 122.792z"
              p-id="2106"
            />
          </svg>
          <span>QQ1:12345678910</span>
        </div>
        <div class="flex-row align-items-center justify-content-center">
          <svg
            t="1569483394978"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="2105"
            width="32"
            height="32"
          >
            <path
              fill="#409EFF"
              d="M901.151 791.92c-17.949 2.28-44.444-35.327-65.527-73.789-16.524 49.573-44.445 93.732-80.912 129.915 53.846 13.675 90.883 41.88 90.883 74.359 0 45.584-72.934 82.906-162.678 82.906-72.08 0-133.333-23.932-154.7-57.265-5.983 0-12.251 0.284-18.519 0.284-4.558 0-9.402 0-13.96-0.284-21.083 33.333-81.197 57.265-152.137 57.265-88.319 0-160.114-36.753-160.114-82.906 0-31.624 33.903-58.975 83.476-72.935-37.322-36.182-65.527-80.912-82.051-130.77-20.513 38.177-46.44 75.5-64.103 73.22-27.065-3.703-29.63-50.997-23.932-122.792 5.414-71.51 43.59-141.025 71.51-171.51 15.955-17.379 26.496-83.19 33.049-137.037-0.285-7.692-0.57-14.815-0.57-22.507 0-173.79 138.747-314.53 309.687-314.53s309.686 141.026 309.686 314.53c0 6.553-0.285 13.105-0.57 19.373 6.268 54.131 17.38 122.792 33.619 140.171 28.205 30.485 66.951 99.715 72.364 171.51 5.414 72.08 2.85 119.373-24.501 122.792z"
              p-id="2106"
            />
          </svg>
          <span>QQ1:12345678910</span>
        </div>
        <div class="flex-row align-items-center justify-content-center">
          <svg
            t="1569483394978"
            class="icon"
            viewBox="0 0 1024 1024"
            version="1.1"
            xmlns="http://www.w3.org/2000/svg"
            p-id="2105"
            width="32"
            height="32"
          >
            <path
              fill="#409EFF"
              d="M901.151 791.92c-17.949 2.28-44.444-35.327-65.527-73.789-16.524 49.573-44.445 93.732-80.912 129.915 53.846 13.675 90.883 41.88 90.883 74.359 0 45.584-72.934 82.906-162.678 82.906-72.08 0-133.333-23.932-154.7-57.265-5.983 0-12.251 0.284-18.519 0.284-4.558 0-9.402 0-13.96-0.284-21.083 33.333-81.197 57.265-152.137 57.265-88.319 0-160.114-36.753-160.114-82.906 0-31.624 33.903-58.975 83.476-72.935-37.322-36.182-65.527-80.912-82.051-130.77-20.513 38.177-46.44 75.5-64.103 73.22-27.065-3.703-29.63-50.997-23.932-122.792 5.414-71.51 43.59-141.025 71.51-171.51 15.955-17.379 26.496-83.19 33.049-137.037-0.285-7.692-0.57-14.815-0.57-22.507 0-173.79 138.747-314.53 309.687-314.53s309.686 141.026 309.686 314.53c0 6.553-0.285 13.105-0.57 19.373 6.268 54.131 17.38 122.792 33.619 140.171 28.205 30.485 66.951 99.715 72.364 171.51 5.414 72.08 2.85 119.373-24.501 122.792z"
              p-id="2106"
            />
          </svg>
          <span>QQ1:12345678910</span>
        </div>
      </div>
      <div class="wechat-box flex-row align-items-center justify-content-between">
        <div class="flex-column align-items-center justify-content-center">
          <div class="flex-row align-items-center justify-content-center">
            <svg
              t="1569483527663"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="2876"
              width="32"
              height="32"
            >
              <path
                d="M579.267 511.317c-11.678 0-23.357 10.825-23.357 24.162 0 10.85 11.679 21.699 23.357 21.699 17.506 0 29.989-10.85 29.989-21.7 0-13.336-12.483-24.16-29.989-24.16zM502.54 398.75c18.359 0 30.038-11.654 30.038-29.184 0-18.334-11.703-29.184-30.038-29.184-17.505 0-34.182 10.85-34.182 29.184 0 17.53 16.677 29.184 34.182 29.184zM511.756 0C229.108 0 0 229.108 0 511.732s229.108 511.707 511.732 511.707 511.707-229.108 511.707-511.683C1023.44 229.108 794.356 0 511.756 0z m-96.719 641.365c-30.842 0-53.37-4.998-82.554-13.336l-84.187 42.52 24.186-71.68c-59.222-41.691-94.233-94.232-94.233-158.427 0-113.372 106.716-200.095 236.788-200.095 115.078 0 217.6 68.365 237.617 165.06a115.81 115.81 0 0 0-22.504-2.487c-113.371 0-200.923 85.04-200.923 187.587 0 17.505 2.487 33.353 6.656 50.03-6.68 0.828-14.166 0.828-20.846 0.828z m347.672 81.7l16.677 60.051-63.39-35.84c-24.138 4.974-47.495 12.483-71.68 12.483-111.714 0-200.095-76.702-200.095-171.74 0-95.06 88.38-171.763 200.094-171.763 105.887 0 200.924 76.702 200.924 171.764 0 53.345-35.84 100.864-82.53 135.07zM337.506 340.383c-17.506 0-35.84 10.85-35.84 29.184 0 17.53 18.334 29.184 35.84 29.184 16.676 0 29.988-11.654 29.988-29.184 0-18.334-13.312-29.184-29.988-29.184z m372.687 170.911c-12.508 0-23.357 10.85-23.357 24.186 0 10.85 10.85 21.699 23.357 21.699 16.652 0 29.16-10.85 29.16-21.7 0-13.336-12.508-24.16-29.16-24.16z"
                fill="#58BC47"
                p-id="2877"
              />
            </svg>
            <span>微信1：1213156</span>
          </div>
          <img class="wechat-qr" src="" alt="">
        </div>
        <div class="flex-column align-items-center justify-content-center">
          <div class="flex-row align-items-center justify-content-center">
            <svg
              t="1569483527663"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="2876"
              width="32"
              height="32"
            >
              <path
                d="M579.267 511.317c-11.678 0-23.357 10.825-23.357 24.162 0 10.85 11.679 21.699 23.357 21.699 17.506 0 29.989-10.85 29.989-21.7 0-13.336-12.483-24.16-29.989-24.16zM502.54 398.75c18.359 0 30.038-11.654 30.038-29.184 0-18.334-11.703-29.184-30.038-29.184-17.505 0-34.182 10.85-34.182 29.184 0 17.53 16.677 29.184 34.182 29.184zM511.756 0C229.108 0 0 229.108 0 511.732s229.108 511.707 511.732 511.707 511.707-229.108 511.707-511.683C1023.44 229.108 794.356 0 511.756 0z m-96.719 641.365c-30.842 0-53.37-4.998-82.554-13.336l-84.187 42.52 24.186-71.68c-59.222-41.691-94.233-94.232-94.233-158.427 0-113.372 106.716-200.095 236.788-200.095 115.078 0 217.6 68.365 237.617 165.06a115.81 115.81 0 0 0-22.504-2.487c-113.371 0-200.923 85.04-200.923 187.587 0 17.505 2.487 33.353 6.656 50.03-6.68 0.828-14.166 0.828-20.846 0.828z m347.672 81.7l16.677 60.051-63.39-35.84c-24.138 4.974-47.495 12.483-71.68 12.483-111.714 0-200.095-76.702-200.095-171.74 0-95.06 88.38-171.763 200.094-171.763 105.887 0 200.924 76.702 200.924 171.764 0 53.345-35.84 100.864-82.53 135.07zM337.506 340.383c-17.506 0-35.84 10.85-35.84 29.184 0 17.53 18.334 29.184 35.84 29.184 16.676 0 29.988-11.654 29.988-29.184 0-18.334-13.312-29.184-29.988-29.184z m372.687 170.911c-12.508 0-23.357 10.85-23.357 24.186 0 10.85 10.85 21.699 23.357 21.699 16.652 0 29.16-10.85 29.16-21.7 0-13.336-12.508-24.16-29.16-24.16z"
                fill="#58BC47"
                p-id="2877"
              />
            </svg>
            <span>微信1：1213156</span>
          </div>
          <img class="wechat-qr" src="" alt="">
        </div>
        <div class="flex-column align-items-center justify-content-center">
          <div class="flex-row align-items-center justify-content-center">
            <svg
              t="1569483527663"
              class="icon"
              viewBox="0 0 1024 1024"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              p-id="2876"
              width="32"
              height="32"
            >
              <path
                d="M579.267 511.317c-11.678 0-23.357 10.825-23.357 24.162 0 10.85 11.679 21.699 23.357 21.699 17.506 0 29.989-10.85 29.989-21.7 0-13.336-12.483-24.16-29.989-24.16zM502.54 398.75c18.359 0 30.038-11.654 30.038-29.184 0-18.334-11.703-29.184-30.038-29.184-17.505 0-34.182 10.85-34.182 29.184 0 17.53 16.677 29.184 34.182 29.184zM511.756 0C229.108 0 0 229.108 0 511.732s229.108 511.707 511.732 511.707 511.707-229.108 511.707-511.683C1023.44 229.108 794.356 0 511.756 0z m-96.719 641.365c-30.842 0-53.37-4.998-82.554-13.336l-84.187 42.52 24.186-71.68c-59.222-41.691-94.233-94.232-94.233-158.427 0-113.372 106.716-200.095 236.788-200.095 115.078 0 217.6 68.365 237.617 165.06a115.81 115.81 0 0 0-22.504-2.487c-113.371 0-200.923 85.04-200.923 187.587 0 17.505 2.487 33.353 6.656 50.03-6.68 0.828-14.166 0.828-20.846 0.828z m347.672 81.7l16.677 60.051-63.39-35.84c-24.138 4.974-47.495 12.483-71.68 12.483-111.714 0-200.095-76.702-200.095-171.74 0-95.06 88.38-171.763 200.094-171.763 105.887 0 200.924 76.702 200.924 171.764 0 53.345-35.84 100.864-82.53 135.07zM337.506 340.383c-17.506 0-35.84 10.85-35.84 29.184 0 17.53 18.334 29.184 35.84 29.184 16.676 0 29.988-11.654 29.988-29.184 0-18.334-13.312-29.184-29.988-29.184z m372.687 170.911c-12.508 0-23.357 10.85-23.357 24.186 0 10.85 10.85 21.699 23.357 21.699 16.652 0 29.16-10.85 29.16-21.7 0-13.336-12.508-24.16-29.16-24.16z"
                fill="#58BC47"
                p-id="2877"
              />
            </svg>
            <span>微信1：1213156</span>
          </div>
          <img class="wechat-qr" src="" alt="">
        </div>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { get } from 'http'
export default {
  props: {},
  data () {
    return {

    }
  },
  computed: {
    dialogTableVisible: {
      get () {
        return this.$store.state.myDialogStatus.dialogShow
      },
      set () {
        return this.$store.state.myDialogStatus.dialogShow
      }
    }
  },
  created () {},
  mounted () {},
  watch: {
  },
  methods: {
    close () {
      this.$store.dispatch('myDialogStatus/invokePushItems')
    }
  },
  components: {}
}
</script>

<style scoped lang="less">
@import url("./index.less");
</style>
